<template>
  <view>
    <input type="text" auto-focus="true" @input="checkInputLength" class="black-border-input" />
    <view>{{ output }}</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      output: ''
    };
  },
  methods: {
    checkInputLength(event) {
      if (event.target.value.length > 10) {
		  //扫描后逻辑
        this.output = '111';
      } else {
        this.output = '';
      }
    }
  }
};
</script>

<style scoped>
/* 为输入框添加黑色外框样式 */
.black-border-input {
  border: 1px solid black; /* 1像素的黑色实线边框 */
  padding: 8px; /* 内边距，可根据需要调整 */
  font-size: 16px; /* 字体大小，可根据需要调整 */
   height: 40px; /* 设置输入框的高度 */
}
</style>
